<template>
  <!-- 评价列表 -->
<view>
    <block v-if="range">
        <view class="flex" v-for="(item ,index) in range" :key="index">
            <image class="user-avatar" :src="item.user.avatar">

            </image>
            <view class="flex-1 mar-l-10">
                <view class="user-name mar-t-5 font-color-777 font-bold tq-text-line1">{{item.user.nickname}}</view>
                <view>
                    <htz-rate :value="parseInt(item.score_info.zhpf)" :size="20" readonly :gutter="10"></htz-rate>
                </view>
                <view class="font-color-222 mar-t-5 font-size-14">
                    {{item.remark}}
                </view>
                
            </view>
            <view class="like  mar-l-15 font-color-999 font-size-10"> 
                {{transformTime(item.create_time) ||''}}
                <!-- <image class="mar-t-5" v-if="followed == true" src="@/static/icons/consult/follow-active.png"></image>
                <image class="mar-t-5"  v-else src="@/static/icons/consult/follow.png"></image> -->
            </view> 
        </view>
    </block>
</view>

</template>

<script>
import htzRate from '@/components/htz-rate'
export default {
    props: ['range'],
    data(){
        return {
            followed:false,
            score_info:{
                zhpf:4
            }
        }
    },
    components: {
		htzRate
	},
}
</script>

<style scoped>
    .user-avatar{
        height: 2.22em;
        width: 2.22em;
        border-radius: 5px;
        background-color: #ccc;
    }
    .like image{
        width: 1.11em;
        height: 1.11em;
    }
</style>